import { Outlet, ScrollRestoration } from "react-router-dom";
import AppNavbar from "@/components/appNavbar";
import AppHeader from "@/components/appHeader";
import AppFooter from "@/components/appFooter";
import { Suspense } from "react";
import AppheaderSticky from "@/components/appHeaderSticky";
function Layout() {
  return (
    <Suspense>
      <div>
        <AppNavbar></AppNavbar>
        <AppHeader></AppHeader>
        <AppheaderSticky />
        <div className="app-body" style={{ backgroundColor: "#F5F5F5" }}>
          <Outlet />
        </div>
        <AppFooter></AppFooter>
      </div>
      <ScrollRestoration />
    </Suspense>
  );
}
export default Layout;
